<template>

	<view @click="btnClick" :class="['hy-btn',type]">
		<slot></slot>
		<!-- 自定义组件的样式是统一的  组件不能使用页面的生命周期-->
	</view>

</template>

<script setup>
  import {ref} from 'vue'
  const props=defineProps({
	  type:{
	  	type:String,
	  	default:'default'
	  }
  })

  const emit =defineEmits(['onBtnsetupClick'])
  function btnClick(){
	  emit('onBtnsetupClick')
  }
</script>

<style lang="scss">
	.hy-btn {
		padding: 20rpx 0;
		font-size: 49rpx;
		color: white;
		text-align: center;
		border-radius: 10rpx;
	}

	.default {
		background-color: #cdcdcd;
	}

	.primary {
		background-color: green;
	}
	.info{
		background-color: yellow;
	}
</style>
